@import './base.css';

#app {
  width: 100vw;
  min-width: 1280px;
  margin: 0 auto;
  font-weight: normal;
}

a,
.green {
  text-decoration: none;
  color: #6760ee;
  transition: 0.4s;
  padding: 3px;
}
a:hover {
  background-color: #6760ee4d;
}
.primary-bg {
  background-color: #6760ee;
}

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flex-start {
  display: flex;
  justify-content: start;
  align-items: center;
}
.flex-end {
  display: flex;
  justify-content: end;
  align-items: center;
}
.flex-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.is-warp {
  flex-wrap: wrap;
}
@media (hover: hover) {
  a:hover {
    background-color: #6760ee4d;
  }
}

@media (min-width: 1024px) {
  body {
    display: flex;
    place-items: center;
  }

  #app {
    width: 100vw;
    padding: 0;
  }
}


/* 待删 */
.light-green {
  height: 108px;
  /* background-color: rgba(248, 253, 248, 1); */
  /* background: linear-gradient(to right, #39b4f6, #7de0fe, #ffffff); */
  background: linear-gradient(to right, red, yellow);
}
.green {
  height: 108px;
  background-color: rgba(231, 231, 231, 1);
}
